<template>
  <div class="my-invite">
    <div class="list" v-if="list && list.length > 0">
      <div class="item">
        <img src="@/assets/pic10.png">
        <div class="con">
          <h3>张梅梅</h3>
          <p>注册： 2018-08-09</p>
        </div>
      </div>
    </div>
    <div class="none" v-else>
      <img src="@/assets/kongzhuangtai.png" alt="">
      <p>暂无结果，赶快邀请好友吧</p>
    </div> 
  </div>
</template>

<script type="text/javascript">
  export default {
    components: {
    },
    data () {
      return {
        list: ['1'],
      }
    },
    created () {

    },
    methods: {
      onItemClick (index) {
        this.tabIndex = index
      }
    }
  }
</script>

<style lang="stylus" scoped>  
.my-invite
  background-color #f5f7fa
  min-height 100vh
  .list
    background-color #fff
    .item
      padding 1.5rem 0
      margin 0 1.5rem
      border-bottom 1px solid #e6e6e6
      display flex
      position relative
      &:last-child
        border none
      img
        max-width 5rem
        min-width 5rem
        max-height 5rem
        min-height 5rem
        border-radius 50%
        overflow hidden
        display block
        margin-right 1.5rem
      h3
        line-height 1.6rem
        font-size 1.5rem
        color #333
        font-weight 500
        position absolute
        top 2rem
      p
        color #999
        font-size 1.2rem
        line-height 1.6rem
        position absolute
        bottom 2rem
  .none
    img
      width 21.5rem
      position relative
      left 50%
      margin-left -10.75rem
      padding-top 11.6rem
    p
      color #999
      font-size 1.2rem
      text-align center
      margin-top 4rem
</style>